<!--#
    var catalog = platform.findCatalogById(numberUtil.toLong(parameter.id));
-->
<!--#layout("common/page.html",{"jsBase":"/js/","title":util.getCatalogName(catalog),"curCatalog":catalog}){  -->
<div class="doc-container" id="doc-container">
    <div class="page-banner">
        <!--#
               var image = util.getCatalogImage(catalog);
               var style = '';
               if (image != null) {
                   style = 'background-image:url(/core/file/inline/' + image.id + '/' + image.name +')';
               } else {
                   style = 'background-image:url(' + tpl + '/image/banner.jpg)';
               }
            -->
        <div class="page-banner-img-wrapper" style="${style}">
            <div class="banner-title">${util.getCatalogName(catalog)}</div>
        </div>
    </div>
    <div class="container-fixed">
        <div class="margin-top">
			<span class="layui-breadcrumb">
			  <a href="/">${util.getLocalValue("site.home")}</a>
			  <a href="${(catalog.code == null || catalog.code == '') ? (catalog.accessUrl+'?id='+catalog.id) : catalog.code}">${util.getCatalogName(catalog)}</a>
			</span>
            <hr />
        </div>
        <div class="inner">
            <div class="layui-row">
                <!--#
                var subCatalogList = cms.getCatalogByDictTypeAndValueAndParentCatalogId("","",catalog.id);
                for(subCatalog in subCatalogList) {
                -->
                <div class="layui-col-xs12 layui-col-sm3 layui-col-md6 b wow fadeInUp margin-bottom" data-wow-delay=".1s" style="padding: 0 10px">
                    <div class="">
                        <div class=" align-center">
                            <a href="${(subCatalog.code == null || subCatalog.code == '') ? (subCatalog.accessUrl+'?id='+subCatalog.id) : subCatalog.code}" class="link h3">
                                <!--#
                                if (false) {
                                -->
                                <layui:show_image attachmentId="${subCatalog.imageId}" />
                                <!--# } -->
                                <div class=" margin-top-small">
                                    ${util.getCatalogName(subCatalog)}
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <!--#} -->
            </div>
        </div>
    </div>
</div>

<script src="${ctxPath}${tpl}/js/plugins/nprogress.js"></script>
<link rel="stylesheet" href="${ctxPath}${tpl}/css/enterprises.css" />
<script>NProgress.start();</script>
<script>
    window.onload = function () {
        NProgress.done();
    };
</script>
<!--#}  -->